<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>选择器权重</title>
		<style>
			#d1{  /*权值100*/
				 background-color:#ff0000;
			}
			.d{/*权值 10*/
			background-color:#ffaa00;
			}
			.d:hover{/*权值10+10 */
			background-color: #aaffff:
			}
			div{/*权值1*/
			background-color: #aaffff:
			}
			*{/*权值 θ*/
			background-color: #0000ff;
			}
		</style>
	</head>
	<body>
		<!--各种选择器同时对一个元素进行样式添加【权重】
		权重:选择器优先级【权值越大，优先执行】
		内联样式        权值 1000    不建议使用 
		ID选择器         权值 100
		类选择器、伪类选择器  权值 10
		元素选择器         权值 1
		通用选择器        权值 0
		权值可以进行计算:后、子、兄弟算和
		【不建议使用】破坏优先级，语法:属性值!important;
		 -->
		<div id="d1" class="d" stvle="background-color:red">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, saepe, qui labore consectetur distinctio id rerum voluptatibus nulla recusandae praesentium unde a nihil numquam eius, illo corporis dicta quia. Unde?</div>
	</body>
</html>